<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./css/detail.css" />
    <script src="./utils/js/index.min.js"></script>
    <title>产品详细</title>
  </head>
  <body>
    <!-- 头部搜索栏 -->
    <header>
      <!-- 导航栏 -->
      <nav class="wrapper">
        <!-- 返回按钮 -->
        <a href="./index.html"> <button>Back</button></a>
        <!-- 标题 -->
        <h4>产品详情</h4>
         <i class="iconfont icon-a-xingzhuang14 star"></i>
        </div>
      </nav>
    </header>

    <main class="wrapper">
      <div class="big_view">
        <img src="./images/detail/图层 5.png">
        <p><span>&yen; <b>32</b></span><button>购买</button></p>
        <div>
          <div><i class="iconfont icon-a-xingzhuang14"></i>好评度<span>99%</span></div>
          <!-- 好评度 -->
          <div><span>共605个评价</span><i class="iconfont icon-xiangyou"></i></div>
        </div>
      </div>

      <!-- 商店 -->
      <div class="shopping">
        <!-- 商店标题 -->
        <div class="shopping_header">
          <span>适用商户</span>
          <i class="iconfont icon-xiangyou"></i>
        </div>
        <!-- 商店内容 -->
        <div class="shopping_content">
         <!-- 寿司 -->
         <div class="sushi">
          <span>正佳店</span>
            <img src="./images/detail/图层 2.png">
           <div>
              <p>万岁寿司（正佳店）</p>
               <p>
                <i class="iconfont icon-a-xingzhuang14"></i>
                <i class="iconfont icon-a-xingzhuang14"></i>
                <i class="iconfont icon-a-xingzhuang14"></i>
                <i class="iconfont icon-a-xingzhuang14"></i>
                <i class="iconfont icon-a-xingzhuang14"></i>
               </p>
              <p>离你100m</p>
            <p>查看详情<i class="iconfont icon-icon_paging_right"></i></p>
           </div>
            <button>进入</button>
        </div>


         <!-- 寿司 -->
         <div class="sushi">
          <span>体育西店</span>
          <img src="./images/detail/图层 3.png">
         <div>
            <p>万岁寿司（体育西店）</p>
             <p>
              <i class="iconfont icon-a-xingzhuang14"></i>
              <i class="iconfont icon-a-xingzhuang14"></i>
              <i class="iconfont icon-a-xingzhuang14"></i>
              <i class="iconfont icon-a-xingzhuang14"></i>
              <i class="iconfont icon-a-xingzhuang14"></i>
             </p>
            <p>离你100m</p>
          <p>查看详情<i class="iconfont icon-icon_paging_right"></i></p>
         </div>
          <button>进入</button>
      </div> 

      <!-- 寿司 -->
      <div class="sushi">
        <span>昌岗店</span>
         <img src="./images/detail/图层 4.png">
        <div>
           <p>万岁寿司（昌岗店）</p>
            <p>
             <i class="iconfont icon-a-xingzhuang14"></i>
             <i class="iconfont icon-a-xingzhuang14"></i>
             <i class="iconfont icon-a-xingzhuang14"></i>
             <i class="iconfont icon-a-xingzhuang14"></i>
             <i class="iconfont icon-a-xingzhuang14"></i>
            </p>
           <p>离你100m</p>
         <p>查看详情<i class="iconfont icon-icon_paging_right"></i></p>
        </div>
         <button>进入</button>
     </div>
     
            <!-- 寿司 -->
            <div class="sushi">
              <span>正佳店</span>
                <img src="./images/detail/图层 2.png">
               <div>
                  <p>万岁寿司（正佳店）</p>
                   <p>
                    <i class="iconfont icon-a-xingzhuang14"></i>
                    <i class="iconfont icon-a-xingzhuang14"></i>
                    <i class="iconfont icon-a-xingzhuang14"></i>
                    <i class="iconfont icon-a-xingzhuang14"></i>
                    <i class="iconfont icon-a-xingzhuang14"></i>
                   </p>
                  <p>离你100m</p>
                <p>查看详情<i class="iconfont icon-icon_paging_right"></i></p>
               </div>
                <button>进入</button>
            </div>
    
    
             <!-- 寿司 -->
             <div class="sushi">
              <span>体育西店</span>
              <img src="./images/detail/图层 3.png">
             <div>
                <p>万岁寿司（体育西店）</p>
                 <p>
                  <i class="iconfont icon-a-xingzhuang14"></i>
                  <i class="iconfont icon-a-xingzhuang14"></i>
                  <i class="iconfont icon-a-xingzhuang14"></i>
                  <i class="iconfont icon-a-xingzhuang14"></i>
                  <i class="iconfont icon-a-xingzhuang14"></i>
                 </p>
                <p>离你100m</p>
              <p>查看详情<i class="iconfont icon-icon_paging_right"></i></p>
             </div>
              <button>进入</button>
          </div> 
    
          <!-- 寿司 -->
          <div class="sushi">
            <span>昌岗店</span>
             <img src="./images/detail/图层 4.png">
            <div>
               <p>万岁寿司（昌岗店）</p>
                <p>
                 <i class="iconfont icon-a-xingzhuang14"></i>
                 <i class="iconfont icon-a-xingzhuang14"></i>
                 <i class="iconfont icon-a-xingzhuang14"></i>
                 <i class="iconfont icon-a-xingzhuang14"></i>
                 <i class="iconfont icon-a-xingzhuang14"></i>
                </p>
               <p>离你100m</p>
             <p>查看详情<i class="iconfont icon-icon_paging_right"></i></p>
            </div>
             <button>进入</button>
         </div>
         
             
         
      </div>
    </main>

    <!-- 底部导航栏 -->
    <footer>
      <ul>
        <li>
          <a href="./index.html"
            ><i class="iconfont icon-shouye footer_icon"></i
            ><span>首页</span></a
          >
        </li>
        <li>
          <a href="./class.html">
            <i class="iconfont icon-fenlei footer_icon"></i>
            <span>分类</span>
          </a>
        </li>
        <li>
          <a href="./find.html">
            <i class="iconfont icon-a-faxianzhinanzhen footer_icon"></i>
            <span>发现</span>
          </a>
        </li>
        <li>
          <a href="./home.html">
            <i class="iconfont icon-wode footer_icon"></i>
            <span>我的</span>
          </a>
        </li>
      </ul>
    </footer>
  </body>
</html>
